<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>测试题</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/detail.css">
	<script type="text/javascript" src="js/fontSize.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/config.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<style type="text/css">
	    body{background: #fff;padding-bottom: 0;}
		.banner_div{height: 1.8rem;position: relative;background-size: 100% 100%;}
		.banner{width: 100%;height: 100%;}
		.test_title{font-size: .3rem;color: #333333;padding: .55rem .3rem .4rem .3rem;line-height: .45rem;}
		.num{display: block;width: .9rem;height: .9rem;line-height: .9rem;text-align: center;font-size: .26rem;color: #666666;position: relative;background: #e5e5e5;border-radius: 50%;margin:0 auto .58rem;}
		.num::before{width: 6rem;content: "";display: block;height: 1px;background: #e5e5e5;position: absolute;left: -3rem;top: 0.45rem;
		-webkit-transform: scale(0.5);
	    transform: scale(0.5);
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0;
	    }
		.num::after{width: 6rem;content: "";display: block;height: 1px;background: #e5e5e5;
		position: absolute;left: .9rem;top: 0.45rem;
		-webkit-transform: scale(0.5);
		    transform: scale(0.5);
		     -webkit-transform-origin: 0 0;
	    transform-origin: 0 0;}
	    .optionA{margin-top: .4rem;}
	    .bade{height: .2rem;background: #f4f4f4;}
	    .countDown{width: 2.3rem;height: .5rem;line-height: .5rem;color: #fff;background: #fb597b;font-size: .24rem;text-align: center;position: absolute;top: 0;right: .8rem;border-bottom-left-radius: .2rem;border-bottom-right-radius: .2rem;}
		.count_time{font-size: .24rem;color: #666666;position: absolute;right: 1.29rem;top: .79rem;z-index: 10;}
		.count_time span{font-size: .48rem;color: #333333;font-weight: bold;margin-right: .03rem;}
	</style>
</head>
<body>
	<div id="app">
		<div class="banner_div" style="background-image:url(img/p_61.png);">
		 	<img src="img/p_64.png" alt="" class="banner">	
		 	<span class="countDown">本题倒计时</span>
		 	<div class="count_time"><span>10</span>秒</div>
		</div>
		<div class="bade"></div>
		<div class="test_title">
			周杰伦和昆凌的结婚纪念日，你知道他们是在那一天结婚的吗？
		</div>
		<span class="num">10/10</span>
		<div class="options">
	        <div class="option">
		        <div class="optionA">
		         	<div class="optionA_left selected">
		         		<img src="img/p_48.png" alt="">
		         	</div>
		         	<div class="optionA_right">
		         	  <span class="text">2017年双十一我的预测是1800亿元，人民币，呵呵</span>
		         	</div>
		        </div>
		        <div class="optionA optionB">
		         	<div class="optionA_left">
		         		B
		         	</div>
		         	<div class="optionA_right">
		         	  <span class="text">2017年双十一我的预测是1800亿元，人民币，呵呵</span>
		         	</div>
		        </div>
		        <div class="optionA optionB">
		         	<div class="optionA_left">
		         		B
		         	</div>
		         	<div class="optionA_right">
		         	  <span class="text">2017年双十一我的预测是1800亿元，人民币，呵呵</span>
		         	</div>
		        </div>
		        <div class="optionA optionB">
		         	<div class="optionA_left">
		         		B
		         	</div>
		         	<div class="optionA_right">
		         	  <span class="text">2017年双十一我的预测是1800亿元，人民币，呵呵</span>
		         	</div>
		        </div>
	        </div>
	        
	    </div>
	</div>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
			    list:[],
		        
			},
			mounted(){
			   this.getDetail();
			},
			methods: {
				getDetail:function(){
            	   var that=this;
                   ajaxFun("GET","/guess/sub_questions?q_id=1",{
                       // q_id:1
                   },function(data){
                      var res=data;
                      if(res.code==1){
                       
                      }else{

                      }
                              
                  }); 
            	}
			}
		});
	</script>

	
</body>
</html>